﻿<%@ Control Language="C#" AutoEventWireup="true" Inherits="Controls_Header" Codebehind="Header.ascx.cs" %>

<script type="text/javascript">
    function initHeader() {
        var _self = $('.emptyMsg');

        $(_self).blur(function () {
            if ($(this).val() == '')
                $(this).val($(_self).attr('emptymessage')).addClass('emptyMessage');
        });

        $(_self).focus(function () {
            if ($(this).val() == $(_self).attr('emptymessage'))
                $(this).val('').removeClass('emptyMessage');
        });

        $(_self).blur();
    }
</script>

<div class='header'>
    <div class="col-1">
        <h1 class="logo">
            <strong>Shop Online</strong><a href="~/Default.aspx" title="Shop Online" class="logo" runat="server"><img
                src="~/images/logo.png" alt="Shop Online" runat="server" /></a></h1>
    </div>
    <div class="col-2">
        <div class="welcome-msg">
            <asp:Panel class='form-login' id="divLogin" runat="server" DefaultButton="lnkLogin">
                <div style='float:right'>
                    <asp:LinkButton ForeColor="White" ID="lnkLogin" Text="Login" OnClick="btnLogin_Click" runat="server"></asp:LinkButton>
                    &nbsp;
                    <span>
                        <asp:LinkButton ForeColor="White" ID="lnkLossPassword" OnClick="lnkLossPassword_Click" ToolTip="Please enter your registered email" Text="Forgot Password?" runat="server"></asp:LinkButton>
                    </span>
                </div>
                <div class="input-bg" style='margin-right:5px'>
                    <asp:TextBox class='emptyMsg' TabIndex="2" emptymessage="Email" ID="txtPassword" runat="server" TextMode="Password"></asp:TextBox>
                </div>
                <div class="input-bg" >
                    <asp:TextBox class='emptyMsg' TabIndex="1" emptymessage="Password" ID="txtUserName" runat="server"></asp:TextBox>
                </div>
                <div style='float:right'>
                    <span style='background-image:none !important'>
                        Welcome ,&nbsp;
                    </span>
                </div>
            </asp:Panel>
            <div class='form-login' id="dlvLogout" runat="server" visible="false">
                <div style='float:right'>
                    <span >
                        <asp:LinkButton ForeColor="White" ID="lnkLogOut" Text="Logout" OnClick="lnkLogout_OnClick" runat="server"></asp:LinkButton>
                    </span>
                </div>
                <div style='float:right'>
                    Welcome to All For You Online
                    <asp:HyperLink NavigateUrl="~/MyAccount.aspx" style='color:#ff0084' ID="lblCustomerName" runat="server"></asp:HyperLink>&nbsp;
                </div>
            </div>
            <span style='background-image:none !important'>&nbsp;</span>
        </div>
        <div class="header-block">
            <div class="top-corners">
                &nbsp;</div>
            <div class="content">
                <div class="ie-fix">
                    <ul class="links">
                        <li class="first"><a href="http://m.afyo.com.au" runat="server" title="Website for mobile">Mobile Site</a></li>
                        <li><a id="A3" href="~/MyAccount.aspx" runat="server" title="My Account">My Account</a></li>
                        <li><a href="~/MyWishList.aspx" title="Manage the items you interested in and may purchase in the future" runat="server">My Wishlist</a></li>
                        <li><a href="~/Cart.aspx" runat="server" title="Manage the items you want to purchase" class="top-link-cart">My Cart</a></li>
                        <li ><a href="~/Register.aspx" runat="server" title="Register to get better serve" class="top-link-cart">Register</a></li>
                        <li runat="server" id='liControlPanel' ><a id="A2" href="~/ControlPanel.aspx" runat="server" title="Control Panel" class="top-link-cart">Control Panel</a></li>
                        <li class='last'><a id="A1" href="~/Contact.aspx" runat="server" title="Contact us" class="top-link-cart">Contact</a></li>
                    </ul>
                    <br class="clear" />
                </div>
            </div>
            <div class="bot-corners">
                &nbsp;</div>
        </div>
    </div>
    <br class="clear" />
</div>
